//import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:ichinesereader/pages/teacher/reportsSkillBuilding.dart';
import 'package:ichinesereader/pages/teacher/skillBuildingGrammer.dart';
import 'package:ichinesereader/pages/teacher/skillBuildingQuickReview.dart';
import 'package:ichinesereader/utils/log.dart';

class TeacherReportSkillBuilding2 extends StatefulWidget {
  TeacherReportSkillBuilding2({
    Key? key,
  }) : super(key: key);
  static const String routeName = '/reports/skillBuilding';

  _TeacherReportSkillBuilding2 createState() =>
      new _TeacherReportSkillBuilding2();
}

class _TeacherReportSkillBuilding2 extends State<TeacherReportSkillBuilding2>
    with TickerProviderStateMixin {
  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    Log.debug('build teacher reports skill building page');

    return DefaultTabController(
      length: 3,
      child: Scaffold(
        backgroundColor: Colors.transparent,
        body: Column(children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              Spacer(),
              Container(
                height: 66.0,
                width: 321.0,
                padding: EdgeInsets.symmetric(vertical: 12.0),
                child: ListView(
                  scrollDirection: Axis.horizontal,
                  children: <Widget>[
                    InkWell(
                      onTap: () {
                        Get.to(
                          () => TeacherReportSkillBuilding(),
                        );
                      },
                      child: Container(
                        height: 60.0,
                        padding: EdgeInsets.symmetric(
                            horizontal: 21.0, vertical: 12.0),
                        color: Colors.grey[100],
                        child: const Center(child: Text('Words')),
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.symmetric(horizontal: 6.0),
                      child: InkWell(
                        onTap: () {
                          Get.to(
                            () => TeacherReportSkillBuilding2(),
                          );
                        },
                        child: Container(
                          height: 60.0,
                          padding: EdgeInsets.symmetric(
                              horizontal: 21.0, vertical: 12.0),
                          color: Colors.grey[100],
                          child: const Center(child: Text('Grammar')),
                        ),
                      ),
                    ),
                    InkWell(
                      onTap: () {
                        Get.to(() => SkillBuildingQuickReview());
                      },
                      child: Container(
                        height: 60.0,
                        padding: EdgeInsets.symmetric(
                            horizontal: 21.0, vertical: 12.0),
                        color: Colors.grey[100],
                        child: const Center(child: Text('Quick Review')),
                      ),
                    )
                  ],
                ),
              ),
            ],
          ),
          Expanded(
            child: SkillBuildingGrammer(),
          ),

          // Container(
          //   height: 60.0,
          //   child: _pageStyles.buildTabBar([
          //     'Words'.tr,
          //     'Grammar'.tr,
          //     'Quick Review'.tr,
          //   ]),
          // ),
          // Container(
          //   height: 100.0,
          //   child: TabBarView(
          //     children: [
          //       SkillBuildingWords(),
          //       SkillBuildingGrammer(),
          //       SkillBuildingQuickReview()
          //     ],
          //   ),
          // ),
        ]),
      ),
    );
  }
}
